.secondNav {
	position: absolute;
	top: 100%;
	left:0;
	z-index: 999;
	background: #f8f8f8;
	min-width: 100%;
	text-align: center;
	padding: 0 5px;
	white-space: nowrap;
	margin-left: -20px;
	transition:all 0.3s;
	border-radius: 0 0 4px 4px;
	height: 0;
	overflow: hidden;
}
.secondNav li {
	display: block;
	line-height: 36px;
	font-size: 14px;
}
.secondNav li a {
	font-size: 14px;
}
.secondNav li+li {
	border-top: 1px dashed #ccc;
}
.columnNavigation .haha {
	display: inline-block;
	height: 100%;
	line-height: inherit;
	position: relative;
}
.columnNavigation .haha+.haha {
	margin-left: 50px;
}
.columnNavigation .haha:hover .secondNav {
	transition:all 0.3s;
	height: 108px;
}
.topBox {
	height: 30px;
	line-height:30px;
	overflow: hidden;
	background-color: #1e90ff;
}
.topBox .centerBox {
	height: 100%;
	line-height: inherit;
}
.topBox .left {
	float: left;
	height: 100%;
	line-height: inherit;
 color: #fff；  font-size:14px;
	color: #fff;
}
.topBox .right {
	float: right;
	height: 100%;
	line-height: inherit;
 color: #fff；  font-size:14px;
	color: #fff;
}
.topBox .right a {
	color: #fff;
}
.hidden {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.subject {
	width: 100%;
}
.banner {
	width: 100%;
	
	background-size: 100% 100%;
	height: 750px;
}
.banner .centerBox {
	height: 100%;
	display: block;
}
.banner .centerBox .left {
	width: 42%;
	height: 100%;
	padding: 60px 0;
	overflow: hidden;
	color: #fff;
	text-align: left;
	line-height: 630px;
}
.banner .centerBox .left img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	vertical-align:middle;
}
.banner .centerBox .right {
	width: 55%;
	height: 100%;
	overflow: hidden;
	padding: 60px 0;
	text-align: right;
	line-height: 630px;
}
.banner .centerBox .right img {
	vertical-align:middle;
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}
.banner .swiper-container {
	position: relative;
}
.banner .swiper-wrapper {
 transition-delay:.3s;
}
.banner .swiper-slide .left {
	transform:translateX(-300px);
	opacity:0;
 transition:all .4s;
}
.banner .swiper-slide.ani-slide .left {
	transform:translateX(0);
	opacity:1;
}
.banner .swiper-slide .right {
	transform:translateX(300px);
	opacity:0;
 transition:all .4s;
}
.banner .swiper-slide.ani-slide .right {
	transform:translateX(0);
	opacity:1;
}
.banner .swiper-button-prev, .banner .swiper-button-next {
	width: 40px;
	height: 60px;
	margin-top: -30px;
}
.banner .swiper-button-prev {
	left:60px;
	background-size:100% 100%;
	
}
.banner .swiper-button-next {
	right: 60px;
	background-size:100% 100%;
	
}

.white {
	background: #FFFFFF !important;
}
.currencyBox {
	background: #f8f8f8;
	padding: 60px 0;
}
.currencyBox .description {
	text-align: center;
}
.currencyBox .description:after {
	content: '';
	display: block;
	clear: both;
}
.currencyBox .description .bigFont {
	color: #343434;
	font-size: 30px;
	margin-bottom: 30px;
}
.currencyBox .description .smallFont {
	color: #343434;
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 30px;
}
.currencyBox .fiveBox {
	width: 100%;
}
.currencyBox .fiveBox ul {
	display: block;
	width: 100%;
}
.currencyBox .fiveBox:after, .currencyBox .fiveBox ul:after {
	display: block;
	content: '';
	clear: both;
}
.currencyBox .fiveBox ul li {
	float: left;
	width: 18.4%;
	background: #fff;
	padding:35px 10px;
	height: 300px;
	text-align: center;
	margin-right: 2%;
	color: #343434;
	overflow: hidden;
}
.currencyBox .fiveBox ul li:nth-child(5n) {
 margin-right: 0;
}
.currencyBox .fiveBox ul li .img {
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	position: relative;
}
.currencyBox .fiveBox ul li .img img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.currencyBox .fiveBox ul li .img .hide {
	display: none;
}
.currencyBox .fiveBox ul li:hover .img .show {
	display: none;
}
.currencyBox .fiveBox ul li:hover .img .hide {
	display: inline-block;
}
.currencyBox .fiveBox ul li:hover {
	box-shadow: 0 0 5px #ccc;
	border-radius: 6px;
	overflow: hidden;
	animation-name: hh;  
	-webkit-animation-name: hh;
	-moz-animation-name: hh;
	-ms-animation-name: hh;
	-o-animation-name: hh;
	animation-duration: 1s;  
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-timing-function: linear;  
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
}
@-webkit-keyframes hh {
 0% {
 -webkit-transform: rotateY()(0deg);
 opacity: 0.3;
}
 40% {
 -webkit-transform: rotateY(90deg);
 opacity: 0.6;
}
 60% {
 -webkit-transform: rotateY(45deg);
 opacity: 0.9;
}
 90% {
 -webkit-transform: rotateY(0deg);
 opacity: 1;
}
}
@-moz-keyframes hh {
 0% {
 -moz-transform: rotateY(0deg);
 opacity: 0.3;
}
 40% {
 -moz-transform: rotateY(90deg);
 opacity: 0.6;
}
 60% {
 -moz-transform: rotateY(45deg);
 opacity: 0.9;
}
 90% {
 -moz-transform: rotateY(0deg);
 opacity: 1;
}
}
.currencyBox .fiveBox ul li .title {
	color: #343434;
	font-size: 18px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 30px;
}
.currencyBox .fiveBox ul li .des {
	color: #343434;
	line-height: 24px;
	font-size: 14px;
	margin-top: 40px;
	height: 72px;
	overflow: hidden;
}
.videoBox {
	width: 84.5%;
	margin: 30px auto 0;
	background: url(../image/bg1.jpg) no-repeat center;
	background-size: 100% 100%;
	height: 620px;
}
.videoBox .video {
	width: 76%;
	margin: 0 auto;
	padding-top: 3.5%;
	height: 83%;
}
.videoBox .video img {
	display: block;
	width: 100%;
	height: 100%;
}
.videoBox .video embed, .videoBox .video iframe, .videoBox .video video {
	width: 100%;
	height: 100%;
}

.tabList {
	width: 100%;
	overflow: hidden;
}
.tabList .tabName {
	width: 100%;
	text-align: center;
	font-size: 0;
}
.tabList .tabName span {
	display: inline-block;
	width: 13%;
	height: 3rem;
	line-height: 2.9rem;
	color: #1E90FF;
	font-size:18px;
	border: 1px solid #1E90FF;
	cursor: pointer;
}
.tabList .tabName span+span {
	margin-left: 2.5%;
}
.tabList .tabName span.on {
	color: #FFFFFF;
	background: #1E90FF;
}
.tabList .tabConts {
	width: 100%;
	overflow: hidden;
	margin-top: 90px;
}
.tabList .tabConts .list {
	display: none;
	width: 100%;
	overflow: hidden;
}
.tabList .tabConts .list:first-child {
	display: block;
}
.tabList .tabConts .list .imgTypesetting {
	width: 100%;
	overflow: hidden;
}
.tabList .tabConts .list .imgTypesetting a {
	display: block;
	width: 28%;
	float: left;
	margin-right: 8%;
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
 transition: all .3s;
}
.tabList .tabConts .list .imgTypesetting img {
	display: inline-block;
	max-width: 100%;
}
.tabList .tabConts .list .imgTypesetting a:hover {
	opacity: 0.8;
 transition: all .3s;
}
.tabList .tabConts .list .imgTypesetting a:nth-child(3n) {
 margin-right: 0;
}
.tabList .tabConts .list .more {
	width: 12.5%;
	margin: 0 auto;
	border: 1px solid #1E90FF;
	border-radius: 8px;
	text-align: center;
	color: #1E90FF;
	height: 3rem;
	line-height: 2.9rem;
	display: block;
	margin-top: 40px;
	font-size: 1rem;
}
.tabList .tabConts .list .more:hover {
	color: #FFFFFF;
	background: #1E90FF;
}

.currencyBox.white .description .left {
	width: 57.5%;
	margin-left: -5%;
}
.currencyBox.white .description .right {
	width: 44%;
	overflow: hidden;
	padding-top: 50px;
	margin-bottom: 20px;
	text-align: left;
}
.currencyBox.white .description .left .videoBox {
	width: 100%;
	margin:0;
	height: 430px;
}
.currencyBox.white .description .right .smallFont {
	height: 175px;
	overflow: hidden;
}
.currencyBox.white .description .right .go {
	width: 28%;
	margin: 0 auto;
	border: 1px solid #1E90FF;
	border-radius: 8px;
	text-align: center;
	color: #1E90FF;
	height: 3rem;
	line-height: 2.9rem;
	display: block;
	font-size: 1rem;
	float: left;
}
.currencyBox.white .description .right .go:hover {
	color: #FFFFFF;
	background: #1E90FF;
}
.currencyBox .description .left {
	width: 35%;
	text-align: left;
	padding-top: 60px;
}
.currencyBox .description .right {
	width: 63%;
}
.currencyBox .description .right .videoBox {
	width: 100%;
	margin:0;
	height: 450px;
	overflow: hidden;
	background: none;
}
.currencyBox .description .right .videoBox img {
	display: block;
	float: right;
	max-width: 100%;
	max-height: 100%;
}
.currencyBox .description .left {
	text-align: left;
}
.currencyBox .description .left .smallFont {
	height: 135px;
	overflow: hidden;
}
.currencyBox .description .left .go {
	width: 28%;
	margin: 0 auto;
	border: 1px solid #1E90FF;
	border-radius: 8px;
	text-align: center;
	color: #1E90FF;
	height: 3rem;
	line-height: 2.9rem;
	display: block;
	font-size: 1rem;
	float: left;
}
.currencyBox .description .left .go:hover {
	color: #FFFFFF;
	background: #1E90FF;
}
.currencyBox .description .left .go:hover {
	color: #FFFFFF;
	background: #1E90FF;
}
.currencyBox .description .swiper-container {
	position: relative;
	padding-bottom: 50px;
}
.currencyBox .description .swiper-wrapper {
 transition-delay:.3s;
}
.currencyBox .description .swiper-slide .left {
	transform:translateX(-300px);
	opacity:0;
 transition:all .4s;
}
.currencyBox .description .swiper-slide.ani-slide .left {
	transform:translateX(0);
	opacity:1;
}
.currencyBox .description .swiper-slide .right {
	transform:translateX(300px);
	opacity:0;
 transition:all .4s;
}
.currencyBox .description .swiper-slide.ani-slide .right {
	transform:translateX(0);
	opacity:1;
}

.currencyBox.self {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
	color: #fff;
}
.currencyBox.self .description .bigFont, .currencyBox.self .description .smallFont {
	color: #fff;
}
.currencyBox.self .description .more {
	width: 12.5%;
	margin: 0 auto;
	border: 1px solid #1E90FF;
	border-radius: 8px;
	text-align: center;
	color: #1E90FF;
	height: 3rem;
	line-height: 2.9rem;
	display: block;
	margin-top: 50px;
	font-size: 1rem;
}
.currencyBox.self .description .selfHelp {
	width: 100%;
	overflow: hidden;
}
.currencyBox.self .description .selfHelp .list {
	width: 18%;
	float: left;
	margin-right: 2.5%;
	background: #fff;
	color: #333;
	font-size: 18px;
	padding: 40px 5px 45px;
}
.currencyBox.self .description .selfHelp .list:nth-child(5n) {
 margin-right: 0;
}
.currencyBox.self .description .selfHelp .list b {
	color: #1e90ff;
	font-size: 30px;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}
.currencyBox.self .description .selfHelp .list p {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.currencyBox.self .description .selfHelp .list:hover {
	background: #1E90FF;
	color: #fff;
	transition-duration:0s;
	animation-name: hh;  
	-webkit-animation-name: hh;
	-moz-animation-name: hh;
	-ms-animation-name: hh;
	-o-animation-name: hh;
	animation-duration: 1s;  
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-timing-function: linear;  
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
}
.currencyBox.self .description .selfHelp .list:hover b {
	color: #fff;
}
.currencyBox.self .description .selfHelp .list:last-child b:after {
	content: '年';
	display: block;
	font-size: 18px;
	position: absolute;
	left:65%;
	bottom: 3px;
}

.surrogate {
	width: 86%;
	margin: 50px auto 60px;
}
.surrogate a {
	display: block;
}
.surrogate img {
	display: block;
	width: 100%;
	max-height: 3rem;
}
.freeToGo {
	text-align: center;
}
.freeToGo a {
	display: block;
	width: 17%;
	margin: 0 auto;
	background: #1E90FF;
	color: #FFFFFF;
	height: 3rem;
	line-height: 3rem;
	line-height: 3rem;
	font-size: 1.16rem;
}
.freeToGo p {
	font-size: 1.16rem;
	display: block;
	margin-top: 20px;
}

.classification {
	padding: 35px 0;
}
.classification .title {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	margin-bottom: 2px;
}
.classification .title img {
	display: inline-block;
	height: 100%;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -4px;
}
.classification .title * {
	line-height: inherit;
}
.classification .menus {
	width: 100%;
	overflow: hidden;
	font-size: 0;
}
.classification .menus a {
	display:block;
	margin-top: 15px;
	width: 16.6%;
	float: left;
	padding-left: 0.6%;
	color: #333;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.classification .menus a:nth-child(6n+1) {
 padding-left: 0;
}
.classification .menus a:hover {
	color: #1E90FF;
}
.classification .search {
	margin-top: 30px;
	width: 350px;
	height: 40px;
}
.classification .search form {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.classification .search .txt {
	width: 80%;
	float: left;
	height: 100%;
	border: 1px solid #959595;
	border-radius: 8px;
	padding: 0 20px;
	font-size: 14px;
}
.classification .search .sub {
	width: 17%;
	float: right;
	height: 100%;
	background: #1e90ff;
	color: #fff;
	border-radius: 8px;
	font-size: 14px;
}
.template {
	width: 100%;
	padding-top:35px;
}
.template .list {
	float: left;
	padding: 10px;
	box-shadow: 0 0 5px #e4e4e4;
	background: #fff;
	width: 48%;
	margin-bottom: 40px;
	position: relative;
 transition: all .15s linear;
 -moz-transition: all .15s linear;
 -webkit-transition: all .15s linear;
 -o-transition: all .15s linear;
}
.template .list:nth-child(2n) {
 float: right;
}
.template .list .imgPc {
	height: 350px;
	width: 100%;
	background: #f8f8f8;
	overflow: hidden;
	display: block;
}
.template .list .imgPc img {
	display: block;
	width: 100%;
	transition: all 5s linear;
	-moz-transition: all 5s linear;
	-webkit-transition: all 5s linear;
	-o-transition: all 5s linear;
}

.template .list .details {
	height: 80px;
	background: #fff;
}
.template .list .details .tit {
	font-size: 18px;
	display: block;
	width: 60%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 18px;
}
.tit11{
	font-size: 14px;
	display: block;
	width: 60%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top:53px;
	text-align:left;	
	}
.template .list .details .num {
	font-size: 14px;
	display: block;
	width: 30%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 18px;
}
.num11 {
    font-size: 14px;
    display: block;
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 18px;
	text-align:left;
}
.template .list .details .preview {
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	bottom: 10px;
	padding: 0 10px;
	text-align: center;
}
.template .list .details .preview a {
	width: 75px;
	height: 100%;
	display: inline-block;
	border-radius:24px;
	line-height: 30px;
	color:#fff;
	background: #59c4ff;
}
.template .list .details .preview a+a {
	margin-left: 25px;
	background: #333;
}
.template .list .imgPhone {
	width: 175px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	
	background-size: 100% 100%;
	height: 310px;
	padding:30px 8px 45px;
	overflow: hidden;
}
.template .list .imgPhone .img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
	display: block;
}
.template .list .imgPhone .img img {
	display: block;
	width: 100%;
	transition: all 5s linear;
	-moz-transition: all 5s linear;
	-webkit-transition: all 5s linear;
	-o-transition: all 5s linear;
}


.page {
	margin: 10px 0;
	text-align: center;
	font-size: 0;
	margin-bottom:50px;
}
.page a {
	height: 30px;
	min-width: 30px;
	text-align: center;
	color: #505050;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #e5e5e5;
	background: #fff;
	display: inline-block;
	margin: 0 5px;
	line-height: 18px;
}
.page span {
	height: 30px;
	min-width: 30px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #e5e5e5;
	background: #59c4ff;
	display: inline-block;
	margin: 0 5px;
	line-height: 18px;
}
.page a:hover, .page a.on {
	color: #FFFFFF;
	background: #59c4ff;
}
.customerService {
	font-size: 18px;
	text-align: center;
	padding: 2rem 0 1rem;
}
.customerService .link {
	display: block;
	width: 15%;
	height: 50px;
	color: #fff;
	line-height: 50px;
	background: #1E90FF;
	margin: 1rem auto;
}

.classification .menus.phone a {
	width: auto;
	float: left;
	padding-left:0;
	margin-right: 56px;
}
.template .oneThird {
	width: 22.5%;
	float: left;
	margin-right: 16.25%;
	margin-bottom: 40px;
}
.template .phoneList {
	
	background-size: 100% 100%;
	height: 500px;
	padding: 47px 12px 92px 12px;
	width: 100%;
}
.template .oneThird:nth-child(3n) {
 margin-right: 0;
}
.template .phoneList .img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.template .phoneList .img img {
	display: block;
	width: 100%;
	min-height: 100%;
}
.template .phoneList .img .details {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	opacity: 0;
 transition: all .3s;
}
.template .phoneList .img .details:hover {
	opacity: 1;
 transition: all .3s;
}
.template .phoneList .img .details .weChat {
	width: 60%;
	margin: 0 auto;
	margin-top: 20%;
}
.template .phoneList .img .details .preview {
	width: 70%;
	margin: 0 auto;
	overflow: hidden;
	height: 2rem;
	line-height: 2rem;
	margin-top: 40%;
}
.template .phoneList .img .details .preview a {
	width: 44%;
	display: block;
	float: left;
	height: 100%;
	line-height: inherit;
	border-radius: 20px;
	background: #1E90FF;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.template .phoneList .img .details .preview a+a {
	float: right;
	background: #333;
}
.template .oneThird .name {
	width: 100%;
	text-align: center;
	height: 2rem;
	line-height: 2rem;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.jionBanner {
	width: 100%;
	height: 300px;
	text-align: center;
	line-height: 300px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}
.jionBanner .centerBox {
	display: inline-block;
	color: #fff;
	vertical-align: middle;
}
.jionBanner .centerBox p {
	font-size: 16px;
	line-height: 24px;
}
.jionBanner .centerBox p:first-child {
	font-size: 30px;
	margin-bottom: 20px;
}
.jionLink {
	background: #f8f8f8;
	padding: 10px 0;
}
.jionLink .centerBox {
	font-size: 0;
	text-align: center;
}
.jionLink .centerBox a {
	display: inline-block;
	font-size: 14px;
	height: 14px;
	padding: 0 30px;
	line-height: 14px;
	border-left: 1px solid #333;
	margin: 8px 0;
}
.jionLink .centerBox a:hover {
	color: #1E90FF;
}
.jionLink .centerBox a:first-child {
	border-left: 0;
}
.eightBox {
	padding: 40px 0;
	background: #fff;
}
.eightBox .list {
	margin:20px 0;
	width: 25%;
	float: left;
	text-align: center;
}
.eightBox .list .img {
	width: 22.5%;
	margin: 0 auto;
	border-radius: 100%;
	background: #fd6060;
	margin-bottom: 9%;
}
.eightBox .list:nth-child(2) .img {
 background: #77ca3f;
}
.eightBox .list:nth-child(3) .img {
 background: #410660;
}
.eightBox .list:nth-child(4) .img {
 background: #f9ae0e;
}
.eightBox .list:nth-child(5) .img {
 background: #028afd;
}
.eightBox .list:nth-child(6) .img {
 background: #ff7098;
}
.eightBox .list:nth-child(7) .img {
 background: #00bda9;
}
.eightBox .list:nth-child(8) .img {
 background: #fd2e46;
}
.eightBox .list:nth-child(9) .img {
 background: #77ca3f;
}
.eightBox .list:nth-child(10) .img {
 background: #410660;
}
.eightBox .list:nth-child(11) .img {
 background: #f9ae0e;
}
.eightBox .list:nth-child(12) .img {
 background: #028afd;
}
.eightBox .list:nth-child(13) .img {
 background: #ff7098;
}
.eightBox .list:nth-child(14) .img {
 background: #00bda9;
}
.eightBox .list:nth-child(15) .img {
 background: #fd2e46;
}
.eightBox .list:nth-child(16) .img {
 background: #fd6060;
}
.eightBox .list .img img {
	display: inline-block;
	width: 62%;
	vertical-align: middle;
	margin-top: -4px;
	max-height: 51%;
}
.eightBox .list .tit {
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-bottom: 3%;
}
.eightBox .list .des {
	font-size: 14px;
	overflow: hidden;
	line-height: 24px;
	height: 48px;
	padding:0 17%;
	overflow: hidden;
}
.jionBanner.attachment {
	background-attachment: fixed;
}
.jionBanner.attachment .centerBox {
	line-height: 46px;
}
.jionBanner.attachment .centerBox p {
	font-size: 18px;
	line-height: inherit;
}
.jionBanner.attachment .centerBox p:first-child {
	font-size: 30px;
	margin-bottom: 10px;
}
.currencyBox .register {
	font-size: 18px;
	display: block;
	margin: 40px auto 0;
	width: 200PX;
	text-align: center;
	color: #FFFFFF;
	line-height: 60PX;
	background: #1E90FF;
}
.currencyBox .process {
	width: 100%;
	overflow: hidden;
}
.currencyBox .process .list {
	float: left;
	width: 24%;
	position: relative;
}
.currencyBox .process .list:last-child {
	width: 4%;
}
.currencyBox .process .list .num {
	width: 30px;
	height: 30px;
	background: #1E90FF;
	border-radius: 100%;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin: 10px 0 30px;
	font-size: 18px;
}
.currencyBox .process .list:last-child .num {
	width: 100%;
	height: 100%;

	background-size: 100% 100%;
	margin: 0;
}
.currencyBox .process .list:after {
	position: absolute;
	display: block;
	content: '';
	width: 82%;
	height: 1px;
	background: #1E90FF;
	top: 25px;
	left: 14%;
}
.currencyBox .process .list:last-child:after {
	display: none;
}
.currencyBox .process .list .tit {
	padding: 0 40px 0 10px;
	font-size: 18px;
	margin-bottom: 10px;
}
.currencyBox .process .list .des {
	color: #777777;
	line-height: 24px;
	font-size: 14px;
	padding: 0 40px 0 10px;
}
.proxyStatement {
	width: 100%;
	overflow: hidden;
}
.proxyStatement .left {
	width: 60%;
	line-height: 48px;
	font-size: 18px;
	overflow: hidden;
}
.proxyStatement .left img {
	display: block;
	float: left;
	max-width: 100%;
}
.proxyStatement .right {
	width: 32%;
	overflow: hidden;
}
.proxyStatement .right img {
	display: block;
	float: right;
	max-width: 100%;
}
.agentBox {
	width: 100%;
	padding: 60px 0 55px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.agentBox .description {
	text-align: center;
	margin-bottom: 40px;
}
.agentBox .description .bigFont {
	color: #fff;
	font-size: 30px;
}
.agentBox .formBox {
	width: 100%;
	padding: 0 3%;
}
.agentBox .formBox form {
	display: block;
	width: 100%;
}
.agentBox .formBox .half {
	width: 43%;
	float: left;
	overflow: hidden;
	border-bottom: 1px dashed #fff;
	height: 50px;
	line-height: 50px;
	margin-bottom: 30px;
	color: #fff;
}
.agentBox .formBox .half:nth-child(2n) {
 float: right;
}
.agentBox .formBox .half span {
	font-size: 18px;
	color: #fff;
	display: inline-block;
}
.agentBox .formBox .half .txt {
	display: inline-block;
	width: 80%;
	padding: 0 5px;
	color: #fff;
	font-size: 1rem;
}
.agentBox .formBox .half .lab {
	display: inline-block;
	margin-left: 75px;
	color: #fff;
	font-size: 18px;
}
.agentBox .formBox .half .lab input {
	display: none;
}
.agentBox .formBox .half .lab span {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid #fff;
	display: inline-block;
	margin-right: 10px;
}
.agentBox .formBox .half .lab input:checked+span {
	background: #1E90FF;
}
.agentBox .formBox .line {
	width: 100%;
	color: #fff;
	border-bottom: 1px dashed #fff;
	font-size: 18px;
}
.agentBox .formBox .line textarea {
	min-height: 80px;
	color: #FFFFFF;
	line-height: 1.5rem;
	font-size: 1rem;
	margin-top: 10px;
}
.agentBox .formBox .sub {
	margin: 0 auto;
	width: 160px;
	height: 50px;
	color: #FFFFFF;
	background: #1E90FF;
	margin-top: 60px;
}
.agentBox .formBox .sub input {
	color: #FFFFFF;
	font-size:18px;
}
.agent .left {
	width: 59%;
}
.agent .left .description {
	text-align: left;
}
.agent .right {
	width:32.5%;
	margin-right: 20px;
}
#evaluate {
	width: 100%;
	height: 210px;
}
#evaluate .list .tit {
	line-height: 25px;
	height: 50px;
	overflow: hidden;
}
#evaluate .list .name {
	text-align: right;
	padding-right: 30px;
}
.agent .right .query {
	width: 100%;
}
.agent .right .query .top form {
	display: block;
	overflow: hidden;
	width: 100%;
}
.agent .right .query .top input[type='text'] {
	border: 1px solid #959595;
	height: 50px;
	padding: 0 20px;
}
.agent .right .query .top input[type='submit'] {
	margin: 0 auto;
	width: 160px;
	height: 50px;
	color: #FFFFFF;
	background: #1E90FF;
	margin-top: 20px;
}
.agent .right .query .bottom {
	color: #777777;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
	width:72%;
	margin: 0 auto;
	margin-top: 15px;
}
.consultation {
	width: 100%;
	background: #1e90ff;
	height: 100px;
	padding: 25px 0;
}
.consultation .left {
	width: 60%;
	height: 100%;
	color: #fff;
	font-size: 24px;
	line-height: 50px;
	margin-right: 2.75%;
}
.consultation .centerBox {
	height: 100%;
}
.consultation .left+.left {
	height: 100%;
	overflow: hidden;
	width: auto;
	margin-right: 0;
}
.consultation .left .qq {
	float: left;
	color: #FFFFFF;
	font-size: 14px;

	display: block;
	height: 100%;
	line-height: 85px;
}
.consultation .left .qq:hover {
	color: #ffcc00;
}
.consultation .left .qq+.qq {
	margin-left: 40px;
}

.productPackage {
	background: #f8f8f8 !important;
}
.currencyBox.productPackage .description .left {
	padding-top: 0;
}
.productPackageBox {
	width: 100%;
	overflow: hidden;
}
.productPackageBox .list {
	width: 22.5%;
	float: left;
	margin-right: 3.3%;
	background: #f8f8f8;
 transition: all .3s;
	margin-top: 50px;
	overflow: hidden;
}
.productPackageBox .list:nth-child(4n) {
 margin-right: 0;
}
.productPackageBox .list .title {
	height: 150px;
	width: 100%;
	padding: 5px;
	text-align: center;
	color: #fff;
	position: relative;
	background: #e03b47;
}
.productPackageBox .list:nth-child(2) .title, .productPackageBox .list:nth-child(2) .purchase {
 background: #e0bb3b;
}
.productPackageBox .list:nth-child(3) .title, .productPackageBox .list:nth-child(3) .purchase {
 background: #2298dc;
}
.productPackageBox .list:nth-child(4) .title, .productPackageBox .list:nth-child(4) .purchase {
 background: #83bf2e;
}
.productPackageBox .list:nth-child(5) .title, .productPackageBox .list:nth-child(5) .purchase {
 background: #6fcdd0;
}
.productPackageBox .list:nth-child(6) .title, .productPackageBox .list:nth-child(6) .purchase {
 background: #f77d48;
}
.productPackageBox .list:nth-child(7) .title, .productPackageBox .list:nth-child(7) .purchase {
 background: #c25c98;
}
.productPackageBox .list:nth-child(8) .title, .productPackageBox .list:nth-child(8) .purchase {
 background: #ee4b5e;
}
.productPackageBox .list:nth-child(9) .title, .productPackageBox .list:nth-child(9) .purchase {
 background: #e0bb3b;
}
.productPackageBox .list:nth-child(10) .title, .productPackageBox .list:nth-child(10) .purchase {
 background: #2298dc;
}
.productPackageBox .list:nth-child(11) .title, .productPackageBox .list:nth-child(11) .purchase {
 background: #83bf2e;
}
.productPackageBox .list:nth-child(12) .title, .productPackageBox .list:nth-child(12) .purchase {
 background: #6fcdd0;
}
.productPackageBox .list .title .txt1 {
	font-size: 20px;
	display:block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 25px;
}
.productPackageBox .list .title .txt2 {
	font-size: 16px;
	display:block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 15px;
}
.productPackageBox .list .price {
	position: absolute;
	width: 40%;
	border-radius: 100%;
	background:rgba(255, 255, 255, 0.5);
	padding: 10px;
	bottom: -36%;
	left: 50%;
	margin-left:-20%;
}
.productPackageBox .list .price .square {
	border-radius: 100%;
	background: #fff;
	width: 100%;
	height: 100%;
	color: #fe4e01;
	padding-top: 20%;
	font-size: 14px;
}
.productPackageBox .list .price .square span {
	font-size: 20px;
	margin-bottom: 10px;
	display: inline-block;
}
.productPackageBox .list .details {
	width: 85%;
	margin: 0 auto;
	padding-top: 50px;
}
.productPackageBox .list .details .des {
	color: #545454;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	height: 120px;
	overflow: hidden;
}
.productPackageBox .list .details .priceList {
	width: 100%;
	position: relative;
	margin:25px 0 20px;
}
.productPackageBox .list .details .priceList span {
	color: #ff4e00;
}
.productPackageBox .list .details .priceList .on {
	background: #fff;
	height: 40px;
	padding: 0 30px 0 5px;

	line-height: 40px;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	text-align:center;
}
.productPackageBox .list .details .priceList .list {
	width: 100%;
	border: 1px solid #e5e5e5;
	position: absolute;
	bottom: 100%;
	left: 0;
	max-height: 162px;
	overflow-y: auto;
	display: none;
	text-align:center;
}

.productPackageBox .list .details .priceList .list p {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.productPackageBox .list .details .priceList .list p:hover {
	cursor: pointer;
	background: #e03b47;
}
.productPackageBox .list:nth-child(2) .details .priceList .list p:hover {
 background: #e0bb3b;
}
.productPackageBox .list:nth-child(3) .details .priceList .list p:hover {
 background: #2298dc;
}
.productPackageBox .list:nth-child(4) .details .priceList .list p:hover {
 background: #83bf2e;
}
.productPackageBox .list:nth-child(5) .details .priceList .list p:hover {
 background: #6fcdd0;
}
.productPackageBox .list:nth-child(6) .details .priceList .list p:hover {
 background: #f77d48;
}
.productPackageBox .list:nth-child(7) .details .priceList .list p:hover {
 background: #c25c98;
}
.productPackageBox .list:nth-child(8) .details .priceList .list p:hover {
 background: #ee4b5e;
}
.productPackageBox .list:nth-child(9) .details .priceList .list p:hover {
 background: #e0bb3b;
}
.productPackageBox .list:nth-child(10) .details .priceList .list p:hover {
 background: #2298dc;
}
.productPackageBox .list:nth-child(11) .details .priceList .list p:hover {
 background: #83bf2e;
}
.productPackageBox .list:nth-child(12) .details .priceList .list p:hover {
 background: #6fcdd0;
}
.productPackageBox .list .purchase {
	display: block;
	width: 85%;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background: #e03b47;
	margin-bottom: 30px;
}
.productPackageBox .list:hover {
 transition: all .3s;
	transform: translateY(-5px);
}
.customized {
	width: 100%;
	padding: 10px 0 60px;
}
.customized:after {
	content: '';
	display: block;
	clear: both;
}

.news {
	width: 100%;
	padding: 60px 0;
}
.news .left {
	width: 66%;
	padding-bottom: 50px;
}
.news .right {
	width: 30%;
}
.news .left .list {
	padding-bottom: 30px;
	border-bottom: 1px solid #cacaca;
	overflow: hidden;
}
.news .left .list+.list {
	padding-top: 30px;
}
.news .left .list .img {
	width: 25%;
	float: left;
	height: 130px;
	overflow: hidden;
	display: block;
}
.news .left .list .img img {
	display: block;
	width: 100%;
	height: 100%;
 transition: all .3s;
}
.news .left .list:hover .img img {
	transform: scale(1.1);
 transition: all .3s;
}
.news .left .list .details {
	margin-left: 27%;
}
.news .left .list .details .tit {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 30px;
}
.news .left .list .details .tit:hover {
	color: #1E90FF;
}
.news .left .list .details .time {
	width: 100%;
	color: #777777;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 30px;
}
.news .left .list .details .conts {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 30px;
}
.news .left .list .details .otherLink {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #777777;
	font-size: 14px;
	line-height: 30px;
}
.news .left .list .details .otherLink a {
	color: #777777;
	font-size: 14px;
	margin: 0 3px;
}
.news .left .list .details .otherLink a:hover {
	color: #1E90FF;
}
.news .right .search {
	width: 100%;
}
.news .right .search .title {
	font-size: 24px;
	margin-bottom: 30px;
}
.news .right .search form {
	display: block;
	width: 100%;
	height: 40px;
	overflow: hidden;
}
.news .right .search .txt {
	width: 80%;
	float: left;
	height: 100%;
	border: 1px solid #959595;
	border-radius: 8px;
	padding: 0 20px;
	font-size: 14px;
}
.news .right .search .sub {
	width: 17%;
	float: right;
	height: 100%;
	background: #1e90ff;
	color: #fff;
	border-radius: 8px;
	font-size: 14px;
}
.news .right .search+.search {
	margin-top: 55px;
}
.news .right .search+.search:nth-child(2) .title {
 margin-bottom: 15px;
}
.classifiedLabel {
	width: 100%;
	overflow: hidden;
}
.classifiedLabel a {
	display: block;
	min-width: 20%;
	float: left;
	display: block;
	margin-top: 20px;
	color: #777777;
	padding-right: 5px;
	font-size: 14px;
}
.classifiedLabel a:hover {
	color: #1E90FF;
}
.hotNews {
	width: 100%;
}
.hotNews .list {
	display: block;
	border-bottom: 1px dashed #cacaca;
	padding-bottom: 10px;
	line-height: 24px;
	color: #777777;
	font-size: 14px;
}
.hotNews .list+.list {
	padding-top: 10px;
}
.hotNews .list p {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}
.hotNews .list p:first-child {
	color: #333333;
	font-size: 18px;
	margin-bottom: 5px;
}
.hotNews .list:hover p:first-child {
	color: #1E90FF;
}

.showBox {
	width: 100%;
}
.showBox .bigTtle {
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
}
.showBox .time {
	color: #777777;
	font-size: 14px;
	text-align: center;
}
.showBox .detsils {
	padding-top: 25px;
	color: #777777;
	font-size: 14px;
	line-height: 28px;
}
.showBox .detsils p {
	text-indent: 2em;
}
.showBox .detsils img {
	display: block;
	max-width: 100%;
	margin: 10px auto;
}
.luodi{ clear:both;}
.boxa1{ height:50px;}

.aaa11{ width:32% !important; float:left !important;}